/*新款上市模块横向滚动*/
$(function() {
	// <!-- 07品牌活动模块横向滚动#jnBrandTab li a -->
	//整体思路：点击页标1,2,3,4展示对应页面
	//1、点击a标签触发点击事件，添加其父标签li的选中样式chos，其余同级移除
	//2、获取该标签在该类别中的索引值（即第几页）
	//3、展示不同页面的方法（拿到索引值即将页面展示为第几页）：
	//3.1、获取活动图片包裹的li标签的宽度（一页的宽度=width*4）
	//3.2、将jnBrandList的left属性设置为-页面的总宽度*页数
	//扩展：outerWidth()=content+padding+border
	//https://www.runoob.com/jquery/html-outerwidth.html)

	$("#jnBrandTab li a").click(function() {
		$(this).parent().addClass("chos").siblings().removeClass("chos");
		var i = $("#jnBrandTab li a").index(this);
		showPage(i);
	}).eq(0).click();

	function showPage(j) {
		var wid = $("#jnBrandList li").outerWidth();
		var ulwid = wid * 4;
		$("#jnBrandList").animate({
			left: -(ulwid * j) + "px"
		})
	};
});

// /* 品牌活动模块横向滚动 */
// $(function(){
//     $("#jnBrandTab li a").click(function(){ 
// 		$(this).parent().addClass("chos").siblings().removeClass("chos");
// 		var idx = $("#jnBrandTab li a").index(this);
// 		showBrandList(idx);
// 		return false;
//    }).eq(0).click();
// });
// //显示不同的模块
// function showBrandList(index){
// 	var $rollobj = $("#jnBrandList");
//     var rollWidth = $rollobj.find("li").outerWidth();
// 	rollWidth = rollWidth * 4; //一个版面的宽度
// 	$rollobj.stop(true,false).animate({ left : -rollWidth*index},1000);
// }
